﻿html{ font-size: 55% !important;}
.content-md{ background: #f1f1f1 !important;}
.bgcolor_white{ background:#ffffff !important;}
.slide-zoom{ height: 100%;}

.letters{ padding: 56px 0 68px 0 !important; top: 0px;}
.letter{ height: 100%;}
.letter span{ height: 3.8%;}

header{ background:#2664be; position:fixed !important; width:100%; z-index:10; border-bottom:0px solid #e4e4e4; top: 0px; left: 0px; padding:.5rem 10px; display:flex; display: -webkit-flex; display: -ms-flex;}
header i{ color:#fff; width:40px; text-align: center; line-height: 30px !important; font-size: 2rem !important;}
header input{ width:100%; border:0px; background:#eee; height:2.2rem; line-height:2.2rem; padding:0 8px; margin:0 10px; font-size:.6rem !important; border-radius:3px;}
.header_search{ width: 100%; height: 35px; line-height: 35px; position: relative; padding-left: 35px;}
.header_search > img{ position:absolute; left: 0px; width: 30px; height: 30px; top: 3px;}
.header_input{ border:0px; overflow: hidden; position: relative; background:#fff; width: 100%; height:30px; line-height:30px; font-size:15px !important; color: #aaa; border-radius:2px;}
.header_input > i{ position:absolute; right: 0px; width: 35px; height: 35px; line-height: 35px; text-align: center;}
.header_input > span{ overflow: hidden;}

header .header_lab{ width:200px; height:30px; border:1px solid #fff; position:absolute; left:50%; margin-left:-100px; display:flex; display: -webkit-flex; display: -ms-flex; border-radius:3px; overflow:hidden;}
header .header_lab span{ float:left; width:100%; text-align:center; line-height:28px; color:#fff; border-left:1px solid #fff;}
header .header_lab span:first-child{ border:0px;}
header .header_lab span.xuan{ background:#fff; color:#2664be;}
header.transparent{ background:rgba(255,103,0,0) !important;}
header.transparent input{ background:#fff; width:100%; color:#999; box-shadow:0 0 10px #666;}
header.transparent > span{ line-height:30px; color:#fff; overflow:hidden; padding:0 10px; background:#fff; color:#999; box-shadow:0 0 10px #666; border-radius:3px; margin-left:10px;}
header.transparent > span > i{ color:#999;}
ion-header ion-buttons{margin-left: 6px;margin-right: 6px;padding-left: 5px;padding-right: 5px;}

.nav_list{ width:100%; padding-bottom: 20px; float:left; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; background:#fff; padding:10px 0 0;}
.nav_list .nav_title{ font-weight:500; padding:15px; font-size:.7rem;}
.nav_case{ padding:0 10px; position:relative;}
.nav_case:active{ background:#f1f1f1;}
.nav_case:nth-child(3n+3){ border-right:0px;}
.nav_case > .icon{ width:100%; height:4rem; line-height:4rem; text-align:center; font-size:3.6rem; position:relative;}
.nav_case > .icon img{ position:absolute; width:4rem; height:4rem; left:50%; top:0; margin-left:-2rem;}
.nav_case > .text{ width:100%; text-align:center; font-size: 1.5rem; height:3rem; margin-top:5px; line-height:2rem; overflow:hidden;}
.nav_case > em{ position:absolute; top:2px; left:60%; background:#ff6537; padding:2px 5px; border-radius:10px; font-size:10px; color:#fff; border:1px solid #fff; z-index:1;}

.form_title{ padding:8px 15px; background:#f1f1f1; float:left; width:100%; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin:-1px 0; position: relative; z-index: 1;}
.form_title.bor_bottom{ border-bottom:1px solid #e4e4e4;}
.form_title h3{ font-size:12px; padding: 0px !important; margin: 0px !important; font-weight:500; color:#666;}
.box{ float:left; width:100%; background:#fff; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}

.jl_input_item > img{ width:20px; height:20px; text-align:right; line-height:20px; padding:0px; position:absolute; top:50%; margin-top:-10px; right:15px; font-size:1.8rem !important; color:#999; z-index:1;}

.jl_tab{ height:40px; width:100%; background:#fff; border-bottom:1px solid #ccc;}
.jl_tab .tab_item{ float:left; width:100%; height:39px; line-height:39px; overflow:hidden; padding:0 5px; text-align:center; border:1px solid #ccc; font-size:.75rem; border-left:0px; border-bottom:0px;}
.jl_tab .tab_item:last-child{ border-right:0px;}
.jl_tab .tab_item.xuan{ background:#f1f1f1; position:relative; height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.jl_tab .tab_item:active{ background:#f1f1f1;}
.tab_move{ height:2rem; line-height:2rem;}
.tab_move i{ line-height:2rem; font-size:1rem;}
.tab_move span{ line-height:2rem;}

.jl_lab{ height:35px; width:100%; background:#fff; border-bottom:1px solid #ccc; padding-right:15px; font-size:.65rem; background:#f1f1f1; overflow:hidden; position:relative;}
.jl_lab span{ height:35px; line-height:35px; margin-left:15px;}
.jl_lab span.xuan{ color:#2664be; font-size:.7rem;}
.jl_lab i{ width:35px; height:34px; text-align:center; line-height:35px; font-size:.7rem; position:absolute; right:0px; background:#f1f1f1; top:0px; z-index:1;}

.jl_tab_icon{ background:#fff;}
.jl_tab_icon .tab_item{ text-align:center; width:100%; position:relative; padding:15px;}
.jl_tab_icon .tab_item i{ font-size:2.5rem;}
.jl_tab_icon .tab_item span{ font-size:1.4rem; margin-top:5px;}
.jl_tab_icon .tab_item em{ position:absolute; top:5px; left:60%; background:#ff6537; padding:2px 5px; border-radius:10px; color:#fff; border:1px solid #fff;font-size:10px;}
.jl_tab_icon .tab_item.xuan{ background:#f8f8f8;}

.jl_tab_ds{ background:#fff; border-bottom:1px solid #e4e4e4; height:40px;}
.jl_tab_ds .tab_item{ float:left; width:100%; height:40px; line-height:40px; overflow:hidden; text-align:center; font-size:.75rem; border-left:0px; border-bottom:0px;}
.jl_tab_ds .tab_item.xuan span{ padding:0 5px; position:relative; z-index:1; height:40px; color:#ff6537;}

.jl_input_item > textarea{ border:0px !important; padding:0px !important; line-height:20px; text-indent:0px; font-size: 1.8rem;}

.rse_list_btn{ padding: 10px 0 10px 15px;}
.rse_list_btn button{ float: right; font-size: 14px; padding: 8px 15px; border: 1px solid #ccc; margin-right: 15px; border-radius: 15px; background: #fff;}

.article_body > p{ font-size:2rem; margin-top:20px;}

.jl_line{ height:15px; background: #f5f5f5; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin:-1px 0; position: relative; z-index: 1; width:100%; float:left;}

.login{ position: fixed; width: 100%; height: 100%; z-index: 10; left: 0px; top: 0px; background:#fff;}
.login .login_main{ position: fixed; width: 80%; padding-top: 0; margin-left: 10%; height: 400px; top: 50%; margin-top: -230px;}
.login .login_main .user_img{ position: fixed; border:1px solid #eee; width: 80px; height: 80px; border-radius: 5px; left: 50%; margin-left: -40px; overflow: hidden;}
.login .login_main .user_img img{ width: 100%;}
.login .login_main .user_info{ margin-top: 100px;}
.user_input{ height: 40px; margin-top: 20px;}
.user_input b{ line-height: 40px; font-size: 16px; float: left; width: 25%;}
.user_input input{ height: 39px; border: 0px; font-size: 18px; float: left; width: 75%;}
.user_input i{ float: left; width: 10%; text-align: right; height: 40px; line-height: 40px; color: #aaa; font-size: 20px;}
.login_bq{ position: fixed; bottom: 10px; width: 200px; height: 30px; left: 50%; margin-left: -100px;}

.login .logo{ width:85px; height:85px; margin:50px auto; border-radius:50%; overflow:hidden; border:1px solid #e4e4e4;}
.login .logo > img{ width:100%;}

.login .thdLogin{ position:absolute; width:100%; bottom:0px; padding:5px 15px;}
.login .thdLogin h3{ height:30px; line-height:30px; font-weight:100; font-size:12px; color:#ccc;}
.login .thdLogin i{ font-size:1.2rem !important;}
/*.login{ background:#fff;}*/
/*.login .logo{ width:85px; height:85px; margin:50px auto; border-radius:50%; overflow:hidden; border:1px solid #e4e4e4;}*/
/*.login .logo > img{ width:100%;}*/

/*.login .thdLogin{ position:absolute; width:100%; bottom:0px; padding:5px 15px;}*/
/*.login .thdLogin h3{ height:30px; line-height:30px; font-weight:100; font-size:12px; color:#ccc;}*/
/*.login .thdLogin i{ font-size:1.2rem !important;}*/


.jl_mask .bomb_box{ width:80%; left:10%; min-height:100px; max-height:300px; top:50%; margin-top:-100px; position:absolute; background:#fff; border-radius:3px; overflow:hidden;}
.jl_mask button.cancel{ padding:15px 0; border:0px; border-top:1px solid #e4e4e4; background:#fff; color:#00a2ca;}
.bomb_box_main{ min-height:55px; text-align:center; padding:30px 20px;}
.bomb_box_main h3{ width:100%; font-weight:500;}
.bomb_box_main span{ font-size:.6rem; margin-top:10px; color:#999;}
.bomb_box_btn{ border-top:1px solid #e4e4e4; height:45px; line-height:44px; text-align:center;}
.bomb_box_btn > button{ text-align:center; height:100%; border:0px; background:#fff; border-left:1px solid #e4e4e4; font-size:16px;}
.bomb_box_btn > button:first-child{ border:0px;}
.bomb_box_btn > button:active{ background:#f1f1f1;}

.jl_prompt{ width:120px; min-height:100px; background:rgba(0,0,0,0.7); position:fixed; top:50%; left:50%; margin:-70px 0 0 -60px; z-index:999; border-radius:3px; text-align:center; padding:20px 10px; overflow:hidden;}
.jl_prompt i{ text-align:center; color:#fff; font-size:30px;}
.jl_prompt span{ font-size:12px; color:#fff;}

.jl_select{ z-index:1; width:100%; background:#fff; bottom:0px;}
.jl_select > span{ text-align:center; padding:20px; border-bottom:1px solid #e4e4e4; font-size:1.5rem; color:#999;}
.jl_select > button{ padding:10px; border:0px; background:#fff; border-bottom:1px solid #e4e4e4; font-size:.16px; border-right:1px solid #e4e4e4;}
.jl_select button.cancel{ border-top:1px solid #e4e4e4;}
.jl_select button.disabled{ background:#00a2ca; color:#f1f1f1;}
.jl_select button.disabled span{ color: #fff !important;}
.jl_select button:active{ background:#f1f1f1;}
.jl_select .select_main{ max-height:400px; overflow-y:auto;}

.function_btn{ background: #f5f5f5;}

/***
签到
***/
.sign{ height:250px; position:relative;}
.sign .sign_click{ width:150px; height:150px; border:2px dotted rgba(255,255,255,0.5); border-radius:50%; position:absolute; left:50%; top:50%; margin:-75px 0 0 -75px;}
.sign .sign_click span{ color:rgba(255,255,255,0.5); color:#fff;}
.sign .sign_click h3{ color:#fff; font-size:50px; font-weight:100;}


.operating_icon{ width:100px; height:100px; border-radius:50%; margin:20px auto; text-align:center;}
.operating_icon i{ line-height:100px; font-size:40px; color:#fff;}


.action-sheet-ios .action-sheet-group{ max-height: 457px; overflow-y: auto !important;}

.bor_bottom{ position:relative; border:none; background-image:-webkit-linear-gradient(#e4e4e4 50%,transparent 50%); background-image:-moz-linear-gradient(#e4e4e4 50%,transparent 50%); background-image:-o-linear-gradient(#e4e4e4 50%,transparent 50%); background-image:linear-gradient(#e4e4e4 50%,transparent 50%); background-size:100% 1px; background-repeat:no-repeat; background-position:bottom;}
.header-ios .toolbar-ios:last-child .toolbar-background-ios{ border: 0px;}

.popover-ios .popover-content{ border-radius: 0px !important;}
.popover-ios .popover-content{ width: 100% !important; left: 0px !important; bottom: 0px !important; top: initial !important;}

.picker-ios .picker-opt{ height: 4rem !important; font-size: 14px !important; font-weight: 100 !important;}

.about_me .xm_logo{ height:180px; position:relative;}
.about_me .xm_logo img{ position:absolute; width:100px; height:100px; border-radius:50%; left:50%; top:50%; margin:-50px 0 0 -50px;}
.about_me .xm_logo h3{ margin-top:170px;}

.no_data{ position:fixed; width:90%; height:150px; left:5%; top:50%; margin:-100px 0 0 0;}
.no_data h3{ font-size:20px; color:#ccc; font-weight:100; text-shadow:1px 1px 1px #fff;}
.no_data .no_data_btn{ position:fixed; bottom:50px; left:0px;}


/***
团购模块
***/
.groupPurchase{ background:#fff;}
.groupPurchase .floor{}
.groupPurchase .floor h3{ text-align:center; padding:10px 0; font-weight:100;}
.groupPurchase .floor a.more{ padding-right:15px; margin:10px 0;}
.group_news{ padding:15px 15px 15px 90px; position:relative;}
.group_news .title{ width:60px; left:15px; height:40px; line-height:20px; top:15px; position:absolute; border-right:1px solid #e4e4e4; text-align:center;}
.group_pt_big a{ height:120px; overflow:hidden; border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
.group_pt_big img{ height:100%;}
.group_pt_small a{ height:80px; overflow:hidden; border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
.group_pt_small img{ height:100%;}
.group_pt_big2 a{ height:160px; overflow:hidden; border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
.group_pt_big2 img{ height:100%;}

.group_pt_new{ padding-left:10px;}
.group_pt_new img{ width:100%; padding:0 15px;}
.group_pt_new a{ position:relative;}
.group_pt_new span{ padding:5px 15px 0;}
.group_pt_new a em{ position:absolute; padding:5px; text-align:center; color:#fff; bottom:0px; left:0px; background:rgba(0,0,0,0.5); width:100%;}
.group_pt_new b{ padding:5px 15px 10px;}

.tjpp img{ border:1px solid #fff !important;}

.num_plus_reduce{ height:27px; border:1px solid #999; border-radius:3px; overflow:hidden;}
.num_plus_reduce > button{ width:25px; height:25px; line-height:25px; text-align:center; font-size:20px; border:0px; background:#fff; outline:none; font-weight:100;}
.num_plus_reduce > button.disabled{ background:#f1f1f1; color:#aaa;}
.num_plus_reduce > button:active{ background:#f1f1f1;}
.num_plus_reduce input{ width:40px; height:25px; border:0px; border-left:1px solid #999; border-right:1px solid #999; text-indent:0px; text-align:center; font-size:12px;}
.num_plus_reduce input.disabled{ background:#f1f1f1; color:#aaa;}

.cart_bottom{ position:fixed; width:100%; bottom:0; z-index:2; background:#fff; border-top:1px solid #ccc; padding:10px 15px;}
.cart_bottom .list_checkbox{ width:20px;}
.cart_bottom .list_checkbox > i{ margin:0 auto; font-size:16px;}
.cart_bottom > .js{ position:absolute; height:100%; right:0px; top:0px; border-radius:0px; font-size:16px; padding:0 20px;}

.proMainpic{ padding:15px; background: #f5f5f5;}
.proMainpic h1{ line-height:40px;}
.proMainpic span{ line-height:20px;}
.proMaininfo{}

.footer_btn{ position:fixed; width:100%; height: 50px; background:#fff; bottom:0px; left:0px; z-index:997;}
.footer_btn .maxBtn{ height: 50px; line-height: 50px; text-align:center; color: #fff;}
.footer_btn .minBtn{ height: 50px; line-height: 50px; border-top: 1px solid #eee; border-right: 1px solid #eee;}
.footer_btn .minBtn i{ line-height: 25px; margin-top: 5px; font-size: 18px;}
.footer_btn .minBtn span{ line-height: 15px; margin-bottom: 5px;}

.pro_main_img{ height: 400px; padding: 20px;}

.header_tab{ border:1px solid #fff !important; color: #fff !important; max-width: 60px !important;}
.header_tab_xuan{ background: #fff !important; color: #00a2ca !important;}

.menu_title{ position:fixed; width:105px; height:100%; max-height:100%; background:#f8f8f8; padding:3rem 5px 2.8rem 0; top:0px; left:0px; overflow-y:auto;}
.menu_title ul{ border-right:1px solid #eee; background:#fff; min-height:100%;}
.menu_title li{ padding:15px 0; border-bottom:1px solid #eee; font-size:.65rem; text-align:center;}
.menu_title li.xuan{ width:100px !important; position:relative; z-index:1; background:#f8f8f8; color:#00a2ca;}

.shop_home_header{ height:150px; background:#ccc; background:url(../imgs/shop_home_bg.png) top center; position:relative;}
.shop_home_header .shop_logo{ height:60px; position:absolute; bottom:10px; padding:0 10px;}
.shop_logo img{ width:60px; height:60px;}

.user_header{ background: #2664be; text-align: center; color:#fff; font-size: 12px;}
.user_header img{ width: 80px; height: 80px; border-radius: 50%; border:1px solid #70c3fd !important;}
.user_header .num{ font-size: 25px;}

.pro_screen{ position: fixed; top: 0px; right: 0px; background: #fff; height: 100%; width: 80%; padding: 0 10px 60px 10px;}
.pro_screen h3{ margin:10px 0 0 0 !important; padding: 0px !important; font-size: 16px;}
.pro_screen input{ width: 40%; height: 30px; border:1px solid #ccc; float: left; padding: 0 5px; border-radius: 3px;}
.screen_footer{ position: fixed; bottom: 0px; width: 80%; right: 0px; height: 51px; border-top: 1px solid #ccc;}
.screen_footer a{ height: 50px; line-height: 50px; background: #fff;}
.pro_screen ul ,.pro_screen li{ padding: 0px; margin: 0px;}
.pro_screen li span{ height: 30px; line-height: 30px; background: #eee; border:1px solid #eee; border-radius: 3px;}
.pro_screen li span.xuan{ border:1px solid #00a2ca; color: #00a2ca; background: #fff;}

.cart_icon{ position: fixed; z-index: 999; width: 50px; height: 50px; line-height: 50px; text-align: center; background: rgba(255,103,0,0.8); right: 10px; bottom:140px; border-radius: 50%;}
.top_icon{ bottom:70px;}

.pro_main_sx{ border-bottom: 1px solid #e4e4e4;}
.pro_main_sx dl,.pro_main_sx dt,.pro_main_sx dd{ margin: 0px; padding: 0px;}
.pro_main_sx dl{ border-left: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;}
.pro_main_sx dt,.pro_main_sx dd{ height: 30px; line-height:30px; padding-left: 5px; border-right: 1px solid #e4e4e4;}


.pro_list_cz{ position: absolute; right: 15px; bottom:12px; width: 100px; height: 32px; border: 1px solid #00a2ca; border-radius: 3px; z-index: 1;}
.pro_list_cz i{ line-height: 30px; color: #00a2ca; text-align: center;}
.pro_list_cz i:last-child{ border-left: 1px solid #00a2ca;}

.pro_att_item{ padding: 3px 15px; font-size: 14px; border: 1px solid #999; color: #666; float: left; margin: 10px 20px 10px 0;}
.pro_att_item.xuan{ border: 1px solid #00a2ca; color: #00a2ca;}
.pro_att_item.none{ border: 1px dashed #999; color: #666;}

em.num{ position:absolute; top:2px; left:60%; background:#ff6537; padding:2px 5px; border-radius:10px; font-size:10px; color:#fff; border:1px solid #fff; height: 20px; line-height: 14px;}

.v_banner{ width: 100%; height: 150px; background:url(../images/v_banner.png) center;}

.banquan{ position: absolute; line-height: 30px; bottom: 10px; width: 130px; left: 50%; margin-left: -65px;}
.banquan img{ width: 30px; height: 30px; margin-left: 3px;}

.num_p_m{height:20px;}
.num_p_m button{width:20px; height: 20px;border-radius: 50%;padding:0; margin:0;font-size:18px; font-weight: 100}
.num_p_m button.p{ background: #fff; color:#666;border:solid 1px #e1e1e1}
.num_p_m input{ width: 30px; font-size:16px; height: 20px; margin: 0 5px; float: left; border: 1px solid #fff;background:#fff; text-align: center;}
.num_p_m button.xuan{ background: #2664be; border: 1px solid #2664be; color: #fff;}


.cart_pro{ background: #fff; background: #fff;}
.cart_pro_list{ padding:15px 15px 0;}
.cart_pro_list:last-child{ border: 0px;}
.cart_pro_item{ padding:0 0 10px 35px; border-bottom: 1px dashed #e1e1e1; position: relative;}
.cart_pro_item .cart_pro_check{ position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; border: 1px solid #999; padding: 3px; border-radius: 50%; left: 0px;}
.cart_pro_item .cart_pro_check.xuan{ border: 1px solid #2664be;}
.cart_pro_item .cart_pro_check .circle{ width: 12px; height: 12px; background: #2664be; border-radius: 50%; display: none;}
.cart_pro_item .cart_pro_check.xuan .circle{ display: block;}
.cart_pro_item h3.pro_name{ font-size: 16px; margin: 0px;}
.cart_pro_item h3.pro_name em{ font-size: 12px; height: 18px; line-height: 18px; padding: 0 5px; color: #2664be; font-weight: 500; background: #eee; float: left; margin-right: 5px;}
.cart_pro_item .pro_pic{ font-size: 20px; line-height: 25px; color: red;}
.cart_pro_item .pro_pic span{ font-size: 14px;}
.cart_pro_item .num_p_m{ height: 25px; float: right;}
.cart_pro_item .num_p_m button{ width: 25px; height: 25px; border-radius: 50%; padding: 0px; margin: 0px; float: left; font-size: 25px; font-weight: 100;}
.cart_pro_item .num_p_m button.p{ background: #fff; color: #666; border: 1px solid #ccc;}
.cart_pro_item .num_p_m input{ width: 40px; height: 25px; margin: 0 5px; float: left; border: 1px solid #ccc; text-align: center;}
.cart_pro_list .cart_cz{ padding: 10px 0;}
.cart_pro_list .cart_cz button{ border: 1px solid #ccc; border-radius: 5px; background: #fff; height: 30px; line-height: 28px;}
.cart_pro_list .cart_cz button.xuan{ background: #2664be; border: 1px solid #2664be; color: #fff;}
.cart_pro_list .cart_cz button i{ font-size: 16px;}
.cart_pro_list .cart_cz i{ font-size: 16px; color: #999;}
.cart_pro_list .cart_cz button.xuan i{ color: #fff;}


.fcfl-box{ padding-left:86px; position:relative;  height:100%}
.fcfl-box > .left{position:fixed; left:0; top:56px;; background:#fff; width:86px; height:100%; color: #666666;padding-bottom: 60px}
.fcfl-box > .left > div{  background:#eee;width:80px; float:left; height:100%;overflow-y: auto;}
.fcfl-box > .left span{ padding:14px 10px; font-size:15px;line-height: 20px;overflow:hidden; text-align:center; position:relative}
.fcfl-box > .left span.xuan{background:#fff; color:#2664be}
.fcfl-box > .left span > em{position:absolute; top:2px;right:0; background:orangered;border-radius:10px;padding:0 4px; color:white; font-size:12px; line-height:16px;}


.fcfl-box2{ padding-left:86px; position:relative;  height:100%}
.fcfl-box2 > .left{position:fixed; left:80px; top:56px;; background:#fff; width:86px; height:100%; color: rgb(102, 102, 102);padding-bottom: 60px}
.fcfl-box2 > .left > div{  background: #e5e7e1;width:80px; float:left; height:100%;overflow-y: auto;}
.fcfl-box2 > .left span{ padding:14px 10px; font-size:15px;line-height: 20px;overflow:hidden; text-align:center; position:relative}
.fcfl-box2 > .left span.xuan{background:#fff; color:#2664be}
.fcfl-box2 > .left span > em{position:absolute; top:2px;right:0; background:orangered;border-radius:10px;padding:0 4px; color:white; font-size:12px; line-height:16px;}

.content{background: #ffffff;}
.content  .choose-box > .choose{padding:6px 8px;}
.content  .choose-box > .choose > span{border:solid 1px #f3f3f3; background:#f3f3f3;padding:4px 10px; border-radius:3px}
.content  .choose-box > .choose > span.hover{border:solid 1px #2664be; background:#DEF2FF;}

.bottom-box{position:fixed; bottom:0; width: 100%; background:#eee; border-top: 1px solid #ccc; z-index: 10; height:50px;}
.bottom-box > .left{ padding:5px 15px;}
.bottom-box .btn{height:50px; line-height:50px; font-size:16px;}
.bottom-box .more{margin-top:-10px;width:50px; height:50px; border-radius:50%;border:solid 1px #2664be; font-size:28px; position:relative}
.bottom-box .more > em{position:fixed; top:2px;right:0; background:orangered;border-radius:10px;padding:0 4px; color:white; font-size:12px; line-height:16px;}

/*底部固定按钮*/
.bottom_btn{position:fixed; bottom:0; padding:0 !important; overflow: hidden; border-top: 1px solid #ccc; }
.bottom_btn > span{color:white; background-color:#86cdde;}
.bottom_btn > span.sure{ background-color:#2664be; color: #fff; font-size: 20px; font-weight: bold;}
.bottom_btn > span.sure i{ font-size: 20px;}

.main_btn{ padding:8px 15px; font-size:.8rem; text-align:center; background:#2664be; color:#fff; border:1px solid #2664be; border-radius:5px; outline:none;}
.main_btn:active{ background:#0892b4;}
.main_btn.disabled{ background:#86cdde; color:#fff; border:1px solid #63b2c5;}

.azwx-btn{ border:solid 1px #2664be !important; background:#fff !important; color:#2664be !important; border-radius:20px !important; box-shadow:none !important; min-width:68px; line-height:28px;}

.tccbg{position:fixed; background:rgba(0,0,0,0.26); height:100%; z-index:10; width:100%}
.tccbg > .tccbox{position:fixed ; bottom:50px;z-index:10;  background:#fff; width:100%;}
.tccbg > .tccbox .tccontent{ min-height:200px; max-height:350px; overflow-y:scroll}

.datebox > span{ border-bottom:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;}
.datebox > span.hover{ color:#2664be; border:none; background:#fff }
.timebox > span.hover{background:#d1e4ff !important; color:#2664be}

.font_blue{ color:#2664be  !important;}
.bgcolor_blue{ background:#2664be !important;}

/*actionsheet在md模式下依旧使用ios样式*/
.action-sheet-md {  text-align: center!important;  }
.action-sheet-md .action-sheet-container {  padding: 0 10px!important; background: rgba(0,0,0,0)!important; }
.action-sheet-md .action-sheet-group {  max-height: 457px!important;overflow-y: auto!important;  margin-bottom: 8px!important;  border-radius: 13px!important;  background: #f9f9f9!important;  }
.action-sheet-md .action-sheet-group:last-child {  margin-bottom: 10px!important;  }
.action-sheet-md .action-sheet-title {  padding: 1.5rem!important;  border-bottom: 0.55px solid #d6d6da!important;  border-radius: 0!important;  font-size: 1.3rem!important;  font-weight: 400!important;  text-align: center!important;  color: #8f8f8f!important;  }
.action-sheet-md .action-sheet-button {  margin: 0!important;  padding: 18px!important;  min-height: 5.6rem!important;  border-bottom: 0.55px solid #d6d6da!important;  font-size: 2rem!important;  color: #007aff!important;  background: transparent!important;  }
.action-sheet-md .action-sheet-button:last-child {  border-bottom: 0!important;  }
.action-sheet-md .action-sheet-button.activated {  margin-top: -0.55px!important;  border-top: 0.55px solid #ebebeb!important;  border-bottom-color: #ebebeb!important;  background: #ebebeb!important;  }
.action-sheet-md .action-sheet-selected {  font-weight: bold!important;  background: #fff!important;  }
.action-sheet-md .action-sheet-destructive {  color: #f53d3d!important;  }
.action-sheet-md .action-sheet-cancel {  font-weight: 600!important;  background: #fff!important;  }


.order_list{}
.order_list_item{ background: #fff;}
.order_list_body{ padding: 15px;}
.order_list_title{ font-size: 13px; color: #666;}
.order_list_body h3{ font-size: 16px; position: relative; margin: 0px; background: #eee; margin-top: 8px; padding: 10px; border-radius: 5px;}
.order_list_body span{ font-size: 12px; margin-top: 8px; color: #999;}
.order_list_bottom{ padding: 10px 0 10px 15px;}
.order_list_bottom button{padding: 6px 10px;background: #fff;border: 1px solid #aaa;border-radius: 15px;float: right;margin-right: 10px;font-size: 1.4rem;}
.order_list_bottom button.xuan{ color: #2664be; border: 1px solid #2664be;}

.customer{ background: #fff;}
.customer_info{ padding:15px; color: rgb(59, 22, 22);}
.customer_info h3{ margin: 0px; color: #000;}
.customer_info_none{ text-align: center; height: 78px; line-height: 78px; color: #aaa; font-size: 20px; }
.line01{ width: 100%; height: 3px; background: url(../images/line01.png);}


.process{ padding: 0 15px; background: #fff;}
.process_item{ position: relative; padding-left: 40px;}
.process_item em{ position: absolute; width: 12px; height: 12px; background: #aaa; border-radius: 50%; top: 50%; left: 5px; margin-top: -6px;}
.process_item.xuan em{ width: 16px; height: 16px; background: #2664be; margin-top: -8px; left: 3px;}
.process_item .process_main{ padding: 15px 0; color: #666;}
.process_item .process_main div.img{ width: 60px; height: 60px; float: left; margin-right: 10px; margin-top: 10px; overflow: hidden; border: 1px solid #eee; border-radius: 5px;}

.process_item .process_main div.img img{ width: 100%;}

.mbatch_dispatch{ padding-right: 40px; position: relative;}
.mbatch_dispatch .cart_pro_check{ position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; border: 1px solid #999; padding: 3px; border-radius: 50%; right: 10px;}
.mbatch_dispatch .cart_pro_check.xuan{ border: 1px solid #2664be;}
.mbatch_dispatch .cart_pro_check .circle{ width: 12px; height: 12px; background: #2664be; border-radius: 50%; display: none;}
.mbatch_dispatch .cart_pro_check.xuan .circle{ display: block;}
.mbatch_footer{ position:fixed; width: 100%; padding: 12px 0; background: #fff; z-index: 10; bottom: 0; left: 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #eee;}
.mbatch_footer button{ float: right; font-size: 14px; padding: 8px 15px; border: 1px solid #ccc; margin-right: 15px; border-radius: 15px; background: #fff;}

.logistics_item{ float: left; width: 100%; padding: 0 15px 0 50px; position: relative;}
.logistics_item em{ position: absolute; width: 12px; height: 12px; background: #fff; border: 1px solid #aaa; border-radius: 50%; left: 20px; top: 50%; margin-top: -6px;}
.logistics_item em.xuan{ width: 16px; height: 16px; border: 2px solid #2664be; margin-bottom: -5px;}
.logistics_item .logistics_item_info{ float: left; font-size: 14px; min-height: 50px; padding: 15px 0;}
.logistics_item .logistics_item_info span{ margin-bottom: 8px;}
.logistics_item:last-child .logistics_item_info{ background: #fff;}

.mcontacts_info{ background: #fff; padding: 15px; border-radius: 5px; float: left; width: 100%;}
.mcontacts_info h3{ margin: 0px;}
.mcontacts_img{ float: right; width: 60px; height: 60px; overflow: hidden; border-radius: 50%; background: #2664be; color: #fff; line-height: 60px; text-align: center;}
.mcontacts_img img{ width: 60px; height: 60px;}
.process_item .process_main div.img img{ width: 100%;}
.process_item .process_main div.img img{ width: 100%;}

.order_list_page .popover-content{  width: 130px !important;  top: 55px !important;  right: 0 !important;left: auto !important;bottom: auto !important}

